web-email.js

Jump To … +

main.js separate.js single.js web-apg-api.js main.js web-conv-api.js ast.js csv.js dangling-else.js display.js flags.js float.js limits.js main.js multiline-mode.js recursive.js replace.js rules.js split.js testonly.js trace.js udt.js unicode.js web-email.js word-boundaries.js main.js phone-number.js web-main.js web-phone-number.js main.js phone-number.js setup.js translate.js xml.js branch-fail-grammar.js main.js parent-mode-grammar.js setup.js universal-mode-grammar.js colors-app.js colors-callbacks.js colors.js main.js more-app.js more-setup.js more.js ast-callbacks.js bad-input.js basic.js ini-file.js main.js parser-callbacks.js setup.js trace.js anbncn.js and.js c-comment.js compound.js main.js nested.js not.js setup.js boundaries-grammar.js boundaries.js comment-grammar.js comment.js main.js negative-grammar.js negative.js positive-grammar.js positive.js setup.js main.js odata-grammar.js run.js setup.js area-code.js lookaround.js main.js phone-number.js setup.js simple.js all-operators.js default.js fancy-number.js limited-lines.js main.js select-operators.js select-rules.js setup.js main.js minimal.js parent-u.js parent.js phone-number.js setup.js stats.js trace.js universal-u.js universal.js callbacks.js grammar.js main.js parser.js writeHtml.js LICENSE.md README.md index.md

web-email.js

/* eslint-disable func-names */
/* eslint-disable no-undef */
/* eslint-disable new-cap */
/*  *************************************************************************************
 *   copyright: Copyright (c) 2021 Lowell D. Thomas, all rights reserved
 *     license: BSD-2-Clause (https://opensource.org/licenses/BSD-2-Clause)
 *   ********************************************************************************* */

Note that

defines variables:
apgExp - the apg-exp constructor
and
apgLib - the APG library

/* execute apg-exp */
const executeApgExp = function () {
  let output;
  const exp = new apgExp($('#apgexp-def').val());
  exp.exclude(['local-char', 'sub-domain-char', 'top-domain-char', 'alpha', 'num', 'special']);
  const result = exp.exec($('#email-address').val());
  if (result) {
    output = result.toHtml();
  } else {
    output = '<pre>\n';
    output += 'result: null';
    output += '</pre>\n';
  }
  $('#apgexp-result').html(output);
};

/* format RegExp result to HTML table */
const regToHtml = function (result) {
  let html = '';
  const caption = 'result:';
  html += `<table class="${apgLib.style.CLASS_STATE}">\n`;
  html += `<caption>${caption}</caption>\n`;
  html += '<tr>';
  html += '<td>input</td>';
  html += `<td>${result.input}</td>`;
  html += '</tr>\n';

  html += '<tr>';
  html += '<td>index</td>';
  html += `<td>${result.index}</td>`;
  html += '</tr>\n';

  for (let i = 0; i < result.length; i += 1) {
    html += '<tr>';
    html += `<td>[${i}]</td>`;
    html += `<td>${result[i]}</td>`;
    html += '</tr>\n';
  }
  html += '</table>\n';
  return html;
};

/* execute RegExp */
const executeRegExp = function () {
  let output;
  const exp = new RegExp($('#regexp-def').val(), 'i');
  const result = exp.exec($('#email-address').val());
  if (result) {
    output = regToHtml(result);
  } else {
    output = '<pre>\n';
    output += 'result: null';
    output += '</pre>\n';
  }
  $('#regexp-result').html(output);
};

/* main function */
const execute = function () {
  executeApgExp();
  executeRegExp();
};

$(document).ready(() => {
  const string = {};

RegExp - regular expression syntax

  string.regexp =
    "^(([\\w!#$%&'*+/=?^_`{|}~-]+)(?:\\.([\\w!#$%&'*+/=?^_`{|}~-]+))*)@((?:([A-Z0-9-]+)\\.)+([A-Z]{2,6}))$";

ApgExp - ABNF syntax

  string.apgexp = '';
  string.apgexp += 'email-address   = %^ local "@" domain %$\n';
  string.apgexp += 'local           = local-word *("." local-word)\n';
  string.apgexp += 'domain          = 1*(sub-domain ".") top-domain\n';
  string.apgexp += 'local-word      = 1*local-char\n';
  string.apgexp += 'sub-domain      = 1*sub-domain-char\n';
  string.apgexp += 'top-domain      = 2*6top-domain-char\n';
  string.apgexp += 'local-char      = alpha / num / special\n';
  string.apgexp += 'sub-domain-char = alpha / num / "-"\n';
  string.apgexp += 'top-domain-char = alpha\n';
  string.apgexp += 'alpha           = %d65-90 / %d97-122\n';
  string.apgexp += 'num             = %d48-57\n';
  string.apgexp += 'special         = %d33      / %d35 / %d36-39\n';
  string.apgexp += '                  / %d42-43 / %d45 / %d47\n';
  string.apgexp += '                  / %d61    / %d63 / %d94-96\n';
  string.apgexp += '                  / %d123-126\n';

initial email address

  string.input = 'foo.b.bar@my.email.com';

page setup

  $('#col-1').tabs();
  $('#col-2').tabs();
  $('#col-3').tabs();
  $('#regexp-def').val(string.regexp);
  $('#apgexp-def').val(string.apgexp);
  $('#email-address').val(string.input);
  $('#tryit').click(execute);
});